/**
 * * naive-ui 样式重置
 * * 通过该文件写入无法直接通过naive-ui-theme.js themeOverrides配置项进行修改的样式
 * !（为方便管理，请尽可能使用naive-ui-theme.js themeOverrides配置项修改定制组件样式）
*/
/**
 * * n-popover
*/
.n-popover:not(.n-popover--raw) {
  border-radius: var(--radius-radius-6, 12px);
  border: 1px solid var(--bg-border-border-m, rgba(255, 255, 255, 0.12));
  background:  linear-gradient(180deg, rgba(85, 85, 109, 0.6) 0%, rgba(58, 62, 77, 0.5) 100%);
  // background:  linear-gradient(180deg, rgba(85, 85, 109, 1) 0%, rgba(58, 62, 77, 1) 100%);
  /* Pop window/Pop window-m */
  box-shadow: 0px 12px 80px 5px rgba(11, 13, 19, 0.5);
  backdrop-filter: blur(20px);
}
.popoverHigBg {
  background:  linear-gradient(180deg, rgba(85, 85, 109, 1) 0%, rgba(58, 62, 77, 1) 100%) !important;
}
[v-placement="bottom-end"] > .n-popover-shared {
  margin-top: 8px;
}
.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer) {
  padding: 6px;
}

/**
 * * n-input
*/
.n-input {
  backdrop-filter: blur(10px);
}
.n-input .n-input__prefix {
  margin-right: 12px !important;
  color: #5423e7;
}
.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {
  box-shadow: 0px 0px 2px 6px rgba(112, 71, 235, 0.25) !important;
}

/**
 * * n-tabs
*/
.n-tabs-rail {
  border-radius: var(--radius-radius-8, 16px) !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  background: rgba(0, 0, 0, 0.15) !important;
}

.n-tabs-tab {
  line-height: 24px !important;
  padding: 10px 16px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: all 0.3s;
  &.n-tabs-tab--active {
    color: #fff !important;
    border-radius: var(--radius-radius-6, 12px) !important;
    border: 1px solid var(--bg-border-border-m, rgba(255, 255, 255, 0.12)) !important;
    background: var(
      --bg-button-bg-button-hover,
      radial-gradient(52.62% 100% at 50% 100%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.03) 100%)
    ) !important;
  }
}

/**
 * * n-form-item
*/
.n-form-item + .n-form-item {
  margin-top: 5px;
}

/**
 * * $message
*/
.n-message {
  border-radius: 12px;
  line-height: 24px;
  color: #fff;
  .n-message__icon {
    display: none;
  }
  &.n-message--success-type {
    background: var(--color-green-500, #2DCA72) !important;
    &::before {
      margin-right: 8px;
      width: 20px;
      height: 20px;
      content: "";
      display: block;
      background: url(../img/icon/msg-success.svg);
    }
  }
  &.n-message--warning-type {
    background: var(--color-orange-500, #FF7D52) !important;
    &::before {
      margin-right: 8px;
      width: 20px;
      height: 20px;
      content: "";
      display: block;
      background: url(../img/icon/msg-warning.svg);
    }
  }
  &.n-message--error-type {
    background: var(--color-red-500, #F53D6B) !important;
    &::before {
      margin-right: 8px;
      width: 20px;
      height: 20px;
      content: "";
      display: block;
      background: url(../img/icon/msg-error.svg);
    }
  }
}

/**
  * * n-spin
*/ 
.n-spin-content {
  height: 100% !important;
}

/**
  * * n-slider-handle
*/ 
.volumeValueSpace .n-slider-handle {
  width: 12px !important;
  height: 10px !important;
  border-radius: 4px !important;
  background: #D9D9D9;
}

.volumeValueSpace .n-slider .n-slider-rail .n-slider-rail__fill {
  background: linear-gradient(0deg, #5423E7 0%, #7047EB 100%) !important;
  width: 4px;
  transform: translateX(-2.5px);
}

/**
  * * n-select
*/ 
.n-base-selection__border,
.n-base-selection__state-border {
  border: 1px solid #4d4f59 !important;
  &:hover {
    border: 1px solid #7047EB !important;
  }
}
.n-base-selection-label {
  border-radius: 10px !important;
  border: 1px solid #4d4f59 !important;
}
